.header{
  .header_l{
    background: url('@/assets/img/header/TDG-NM.png') no-repeat;
    background-size: 46% 50%;
    background-position: 50% 100%;
  }
  .header_m{
    background: url('@/assets/img/header/name.png') no-repeat;
    background-size: 54% 85%;
    background-position: 50% 155%;
  }
  .header_r{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2%;
    font-size: 0.3rem;
    font-weight: 400;
    color: #c0cad9;
    // -webkit-text-stroke: 1px #005de9;
    // background-clip: text;
    // background-color: #c0cad9;
    font-family: 'Bahnschrift';
    span{
      margin-left: 0.2rem;
      &:nth-child(3){
        display: inline-block;
        width: 1rem;
      }
    }
  }
}

.main_l{
  .mainl2{
    .info{
      padding: 0 0.2rem;
      height: calc(100% - 0.6rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
      .security, .fireControl{
        padding-top: 0.12rem;
        .txt{
          display: flex;
          justify-content: space-between;
          padding: 0 0.22rem 0 0.16rem;
          margin-bottom: 2px;
          span{
            font-size: 0.16rem;
            &:nth-child(2){
              font-size: 0.19rem;
              font-weight: bold;
              color: #61eb86;
            }
          }
          .error {
            color: red !important;
          }
        }
        .progress-box{
          display: flex;
          width: 5.8rem;
          height: 0.2rem;
          span{
            display: inline-block;
            width: 0.1rem;
            height: 0.2rem;
            background-color: #58d9f9;
          }
          .errorbg {
            background-color: red !important;
          }
        }
      }
    }
  }
  .mainl3 {
    .l3-echarts{
      width: 100%;
      height: calc(100% - 0.3rem);
    }
  }
}